<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>用户Profile</title>  
    <style>  
        /* 简单的样式 */  
        body {  
            font-family: Arial, sans-serif;  
            margin: 0;  
            padding: 20px;  
        }  
        .container {  
            max-width: 800px;  
            margin: 0 auto;  
        }  
        .profile-info {  
            margin-bottom: 20px;  
            border-bottom: 1px solid #ccc;  
            padding-bottom: 20px;  
        }  
    </style>  
</head>  
<body>  
    <div class="container">  
        <h1>用户Profile</h1>  
  
        <div class="profile-info">  
            <h2>个人信息</h2>  
            <p><strong>用户名:</strong> ${user.username}</p>  
            <p><strong>邮箱:</strong> ${user.email}</p>  
            <!-- 可以添加更多个人信息字段，如姓名、电话等 -->  
        </div>  
  
        <!-- 可以添加其他部分，如用户头像、个人简介、联系方式等 -->  
  
        <!-- 示例：用户头像 -->  
        <div>  
            <h2>用户头像</h2>  
            <img src="${user.avatarUrl}" alt="用户头像" style="width: 100px; height: 100px; border-radius: 50%;">  
        </div>  
  
        <!-- 示例：个人简介 -->  
        <div>  
            <h2>个人简介</h2>  
            <p>${user.bio}</p>  
        </div>  
  
        <!-- 其他页面元素，如按钮、链接等 -->  
    </div>  
</body>  
</html>